{include file="index@public/header" /}
<style>
body {
  background: #e1e0de;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
}
.layui-card {
  padding: 10px 20px 50px;
  margin-bottom: -16px !important;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 15px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}
.body-buttom-left{ padding-right: 5px;padding-left: 5px;}
.body-buttom-right{ padding-right: 5px;padding-left: 5px;}
.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

        .bearing-pdf {
            position: absolute;
            right: 8px;
            top: -10px;
            color: #cbcbcb;
            background: url(/static/uploads/2018/07/printer.png) no-repeat left center;
            padding-left: 20px;
            cursor: pointer;
        }

        #magnifier{margin-top:10px;position: relative;}
        #magnifier img{width: 100%;}
        #movescre{position:absolute;display:none;width:20%;height:30%;border:1px solid #ccc;background: #ffffcc;opacity: 0.5;filter: alpha(opacity=50);z-index: 10;cursor:pointer;}
        #magnifier_show{position:absolute;overflow:hidden;display:none;border:1px solid black;width:100%;max-width:312px;height:372px;margin-top:10px;z-index: 100}
        #magnifier_show img{position:absolute;top:0;left:0;min-width:1200px}

        tr {
            border-bottom: 1px solid #ccc;
            color:#333;
        }
        tr:hover{background-color: #36648A;color:#ffffff}
        td {
            font: 12px/14px arial,helvetica,sans-serif;
            padding: 2px 5px 2px 0px;
        }
    </style>
	
	<!-- 详情页移动适配 -->
			<style type="text/css">
				.firstbreadcrumbT{
					display: none;
				}
				@media screen and (max-width: 760px){
					.form{
						display: none;
					}
					.card-box{
						padding: 10px 0px 50px;
					}
					.layui-card-header{
						border-bottom: none !important;
						height: 1.56rem;
						width: 65%;
						margin-bottom: 3rem;
					}
					.detail-img-box{
						position: absolute;
						    top: -5rem;
						    right: 1rem;
						    width: 30%;
		
					}
					.detail-img-box>div{
						display: none;
					}
					.firstbreadcrumb{
						display: none !important;
					}
					.firstbreadcrumbT{
						display: block;
					    padding: 0 0 0 15px;
						color: #36648A ;
					}
					.secondbreadcrumb{
						display: none;
					}
					.card-box tr>td:nth-child(2){
						padding: 2px 5px 2px 15px;
					}
					.card-box table{
						width: 100%;
					}
				}
			</style>
	
 <div class="layui-container" style="width: 100%;font: 12px/14px arial,helvetica,sans-serif;">
        <div class="layui-card card-box">
         
            <div class='firstbreadcrumb' style='display: inline-block;'>
				<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
            </div>
			<div class="firstbreadcrumbT">  		<!-- 新加内容 -->
				<a href="/product/ceramic-bearings/ceramic-components/" style='font: 12px/14px arial,helvetica,sans-serif;'>{:lang('Ceramic Components')}</a>
			</div>
            <div class="layui-card-header">
                <h1>{:lang('Tungsten Carbide Outer Ring With Groove')}</h1>
            </div>

            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <div class="layui-col-md3 detail-img-box" style='text-align: center;'>
                            <img src="{:Config::get('app.images_host')}/images/web/tc2.jpg" style='padding:10px;width:80%'/>
                            <div style="font: 12px/14px arial,helvetica,sans-serif;">
                              <div style="margin: 5px 0px;font-size:0.9em">Price <span style="margin-left:5px;color:#19792f">Not yet</span></div>
                            </div>
                        </div>
                        <div class="layui-col-md9">
                          <table style='width:100%'>
                            <tbody>
                                  <tr>
                                    <td colspan="3"><strong>{:lang('TECHNICAL SPECS')}</strong></td>
                                  </tr>
                                                                    <tr>
                                    <td width="50%" colspan="2">{:lang('Material')}</td>
                                    <td width="50%">{:lang('Tungsten Carbide')}</td>
                                  </tr>
                                                                    
                                                                    <tr>
                                    <td width="50%" colspan="2">{:lang('Bore Dia')} (d)</td>
                                    <td width="50%">30.05mm</td>
                                  </tr>
                                  <tr>
                                    <td width="50%" colspan="2">{:lang('Bore Dia Tolerance')}</td>
                                    <td width="50%">+0.00 to -0.03mm</td>
                                  </tr>
                                  <tr>
                                    <td width="50%" colspan="2">{:lang('Outer Dia')} (D)</td>
                                    <td width="50%">38.00mm</td>
                                  </tr>
                                                                    <tr>
                                    <td width="50%" colspan="2">{:lang('Outer Dia Tolerance')}</td>
                                    <td width="50%">+0.00 to -0.03mm</td>
                                  </tr>
                                                                    <tr>
                                    <td width="50%" colspan="2">{:lang('Width')} (B)</td>
                                    <td width="50%">45.99mm</td>
                                  </tr>
                                                                    <tr>
                                    <td width="50%" colspan="2">{:lang('Width Tolerance')}</td>
                                    <td width="50%">+0.00 to -0.05mm</td>
                                  </tr>
                                                                   <tr>
                                    <td colspan="2">{:lang('Maximum Temperature')}</td>
                                    <td>950℃</td>
                                  </tr>
                                  <tr>
                                                                        <td colspan="2">{:lang('Ovality')}</td>
                                                                        <td>0.005mm</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Perpendicularity')}</td>
                                    <td>0.01mm</td>
                                  </tr>
                                  <tr>
                                                                        <td colspan="2">{:lang('Concentricity')}</td>
                                                                        <td>0.01mm</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Parallelism')}</td>
                                    <td>0.01mm</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('Applications')}</td>
                                    <td>{:lang('Commonly used on high-precision machining, high-precision tool materials, oilfield drilling tools，lathes, impact drill bits, glass cutter heads, tile cutters, ，hard and not afraid of annealing, belongs to rare metals.')}</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">{:lang('RoHS')}</td>
                                    <td>{:lang('Compliant')}</td>
                                  </tr>
                                                                        <tr>
                                        <td colspan="3"><strong>{:lang('MATERIAL PROPERTIES')}</strong></td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Composition')}</td>
                                        <td>92%</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Density')}(g/cm3)</td>
                                        <td>14.7</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Hardness')}(Kg/mm2)</td>
                                        <td>89</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Bending strength')}(Mpa)</td>
                                        <td>2610</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Ingredients')}</td>
                                        <td>8%</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Porosity and non-combined carbon')}</td>
                                        <td>A02 B00 C00</td>
                                      </tr>
                                      <tr>
                                        <td colspan="2">{:lang('Grain size')}</td>
                                        <td>1.6</td>
                                      </tr>
                                                                  </tbody>
                          </table>
                        </div>
                    </div>
                    <div class="layui-col-md5">
                       
                        <div id='magnifier' >
                               <img src="{:Config::get('app.images_host')}/images/web/Tungsten-Carbide-outer-ring-with-groove.jpg">
                        </div>
                    </div>
                    {include file="index@public/form" /} 
                </div>
            </div>
        </div>
    </div>
</body>

</html>
{include file="index@public/footer" /} 
<script type="text/javascript">
    var Product_Number='Tungsten Carbide Outer Ring With Groove';
    var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
    var nowurl=window.location.href;/*当前页面url*/
    var posturl="{:url('index/Index/send_inquiry')}";
</script>
<script src="/static/js/form.js?v={:time()}" charset="utf-8"></script>



